<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="ajaxcss.css" rel="stylesheet" type="text/css">
<title>Ajax</title>
<script type="text/javascript">
function przypisz(val, obj)
{
  var div1 = document.getElementById("div1");
  var oldOnclick = div1.onclick;
  obj.disabled = true;
  if(val == 1){
    var newOnclick = klik;
  }
  else if(val == 2){
    var newOnclick = show;
  }
  if(typeof oldOnclick == 'function'){
    div1.onclick = function(){
      oldOnclick();
      newOnclick();
    }
  }
  else{
    div1.onclick = newOnclick;
  }
}
function klik()
{
  var div1 = document.getElementById("div1");
  div1.style.backgroundColor = "#FFFF00";
}
function show()
{
  var div1 = document.getElementById("div1");
  div1.innerHTML = "To działa!";
}
function go()
{
  alert("Funkcja go.");
}
</script>
</head>
<body>
<div>
<input type="button" value="Przypisz drugą procedurę" 
       onclick="przypisz(1, this);">
<input type="button" value="Przypisz trzecią procedurę"
       onclick="przypisz(2, this);">
</div>
<div id="div1" class="div1" onclick="go();">
</div>
</body>
</html>
